<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3效果</title>
<style>
body{
	width:100%;
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	}
a,a:hover{
	display:block;
	height:40px;
	line-height:40px;
	color:#666;
	background:#f9f9f9;
	padding:0 10px;
	border-bottom:1px solid #ddd;
	text-decoration:none;
	}
a:hover{
	background:#efefef;
	}
.title{
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	background:#50c3ff;
	color:#fff;
	}
</style>
</head>

<body>
<div class="title">CSS3效果</div>
    <a href="Select_demo/select.html" target="_blank">1. 自定义下拉Select表单　class="select"</a>
    <a href="IconHover/index.html" target="_blank">2. IconHover简单的鼠标悬停效果　class="hi-icon-wrap"</a>
    <a href="zhezhao/index.html" target="_blank">3. 鼠标悬停在图片上显示遮罩效果　class="view"</a>
    <a href="drop-down-menu/index.html" target="_blank">4. 淡入淡出下拉菜单　class="animate"</a>
    <a href="360degree-rotation/index.html" target="_blank">5. 鼠标划过360度旋转效果　class="ca-menu"</a>
    <a href="hover-change-pic/index.html" target="_blank">6. 鼠标划过菜单切换图片　class="mh-menu"</a>
    <a href="hover-show-text/index.html" target="_blank">7. 鼠标经过列表图像时会显示简介　class="our_menu"</a>
    <a href="Iconhover-show-tip/index.html" target="_blank">8. 鼠标悬停提示效果-消息提示　class="grid cs-style-x"</a>
    <a href="pic-to-big/index.html" target="_blank">9. css3鼠标移上图片放大遮罩效果　class="main_img"</a>
    <a href="icon-menu/index.html" target="_blank">10. CSS3精美小图标菜单导航　class="navigation"</a>
    <a href="jindutiao/index.html" target="_blank">11. 进度条　class="box"</a>
    <a href="Countdown/index.html" target="_blank">12. 倒计时　 class="case-item"</a>
    <a href="clock/index.html" target="_blank">13. 环形时钟　 class="clock"</a>
    <a href="loading/index.html" target="_blank">14. 加载动画特效代码　 class="loader"</a>
    <a href="round-rotation/index.html" target="_blank">15. 旋转动画制作鼠标经过圆形旋转特效　class="case-item"</a>
    <a href="Hover-effects/index.html" target="_blank">16. 图片遮罩的多种效果　class="view effect"</a>
    <a href="Hover-bgcolor/index.html" target="_blank">17. 鼠标划过栏目背景切换　class="shortcut"</a>
    <a href="toolbar/index.html" target="_blank" >18. 下拉工具条　class="dropdownlist"</a>
    
</body>
</html>
